<div class="drop" id='cat{$rootId}'>
	<div class="drop-t"></div>
	<div class="drop-c">
		<table>
			<tr>
				<td class="col1">
					<div class="img-holder">
						<img class="png" />
					</div>
					<a></a>
					<p></p>					
				</td>
				
				<td class="col2">
					{$cat2levelCount = 0}
					
					{$cat3levelCount = 0}
					{foreach $categories as $cat2}
					
						{if $cat3levelCount && ($cat3levelCount + $cat2.children|count > 13)}
							{break}
						{/if}
					
						<div class="title">
							<a href="{$cat2.path}"
								onmouseover="showCatInfo(
										{$rootId},
										'{if $cat2.image}{thumbnail width=100 height=100}{$cat2.image}{/thumbnail}{/if}',
										'{$cat2.path}', 
										'{$cat2.name|escape}', 
										'{$cat2.short_descr|strip_tags|regex_replace:"/[\r\n]/":" "|escape:javascript}')">
								{$cat2.name}
							</a>
						</div>
						<ul>
						{foreach $cat2.children as $cat3}
							<li onmouseover="showCatInfo(
									{$rootId},
									'{if $cat3.image}{thumbnail width=100 height=100}{$cat3.image}{/thumbnail}{/if}',
									'{$cat3.path}', 
									'{$cat3.name|escape}', 
									'{$cat3.short_descr|strip_tags|regex_replace:"/[\r\n]/":" "|escape:javascript}')">
								<a href="{$cat3.path}">{$cat3.name}</a>
							</li>
						{/foreach}
						</ul>
						{$cat2levelCount = $cat2levelCount + 1}
						{$cat3levelCount = $cat3levelCount + $cat3@total}
					{/foreach}	
				</td>
				<td class="col3">
					{$cat3levelCount = 0}
					{foreach $categories as $cat2}
						{if $cat2@index < $cat2levelCount} {continue} {/if}
						
						{if $cat3levelCount && ($cat3levelCount + $cat2.children|count > 13)}
							{break}
						{/if}
						
						<div class="title">
							<a href="{$cat2.path}"
								onmouseover="showCatInfo(
									{$rootId},
									'{if $cat2.image}{thumbnail width=100 height=100}{$cat2.image}{/thumbnail}{/if}',
									'{$cat2.path}', 
									'{$cat2.name|escape}', 
									'{$cat2.short_descr|strip_tags|regex_replace:"/[\r\n]/":" "|escape:javascript}')">
								{$cat2.name}
							</a>
						</div>
						<ul>
						{foreach $cat2.children as $cat3}
							<li onmouseover="showCatInfo(
									{$rootId},
									'{if $cat3.image}{thumbnail width=100 height=100}{$cat3.image}{/thumbnail}{/if}',
									'{$cat3.path}', 
									'{$cat3.name|escape}', 
									'{$cat3.short_descr|strip_tags|regex_replace:"/[\r\n]/":" "|escape:javascript}')">
								<a href="{$cat3.path}">{$cat3.name}</a>
							</li>
						{/foreach}
						</ul>
						{$cat2levelCount = $cat2levelCount + 1}
						{$cat3levelCount = $cat3levelCount + $cat3@total}
					{/foreach}	
				</td>
				<td class="col4">
					{foreach $categories as $cat2}
						{if $cat2@index < $cat2levelCount} {continue} {/if}
						
						<div class="title">
							<a href="{$cat2.path}"
								onmouseover="showCatInfo(
									{$rootId},
									'{if $cat2.image}{thumbnail width=100 height=100}{$cat2.image}{/thumbnail}{/if}',
									'{$cat2.path}', 
									'{$cat2.name|escape}', 
									'{$cat2.short_descr|strip_tags|regex_replace:"/[\r\n]/":" "|escape:javascript}')">
								{$cat2.name}
							</a>
						</div>
						<ul>
						{foreach $cat2.children as $cat3}
							<li	onmouseover="showCatInfo(
									{$rootId},
									'{if $cat3.image}{thumbnail width=100 height=100}{$cat3.image}{/thumbnail}{/if}',
									'{$cat3.path}', 
									'{$cat3.name|escape}', 
									'{$cat3.short_descr|strip_tags|regex_replace:"/[\r\n]/":" "|escape:javascript}')">
								<a href="{$cat3.path}">{$cat3.name}</a>
							</li>
						{/foreach}
						</ul>
					{/foreach}	
				</td>
			</tr>
		</table>
	</div>
	<div class="drop-b"></div>
</div>